JavaScript elocuente: Una introducción moderna a la programación: Diseñando para flexibilidad: La interfaz de tabla

La base de un sistema flexible radica en definir un contrato interno rígido contrato o interfaz que los objetos deben seguir. En este contexto, definimos una interfaz de tabla donde cada objeto celda garantiza la existencia de tres métodos específicos: minAncho(), , minAlto(), y dibujar(ancho, alto).

1. El contrato de interfaz

Al estandarizar estos métodos, la lógica de diseño puede calcular las dimensiones globales de filas y columnas sin conocer los tipos de datos internos de las celdas individuales. Este es un ejemplo clásico de Polimorfismo basado en interfaces.

2. Implementación de TextCell

El TextCell el constructor prepara la entrada cruda dividiendo cadenas en arreglos por línea. Esto desplaza la complejidad desde la fase de renderizado hasta la fase de instanciación.

this.text = text.split("\n");

3. Dibujo determinista

El dibujar(ancho, alto) método garantiza que cada salida de celda esté perfectamente rellenada usando una función auxiliar repetir() ayudante. Esto mantiene el alineamiento vertical y horizontal independientemente de la longitud del contenido.

$$\text{Relleno} = \text{Ancho} - \text{largo de línea}$$

TERMINALbash — 80x24

> Ready. Click "Run" to execute.

QUESTION 1

What is the primary benefit of the Table Interface contract in this design?

It forces all data to be strings.

It allows the layout engine to remain agnostic of the data it displays.

It speeds up JavaScript memory allocation.

It automatically creates HTML tables.

QUESTION 2

In TextCell.prototype.minWidth, why is reduce used?

To sum the length of all lines.

To find the longest line length in the cell.

To remove empty lines.

To convert the array back into a string.

✅ Correct!

It uses Math.max within reduce to distill the array of lines down to a single maximum width value.

QUESTION 3

What does TextCell.prototype.draw(width, height) return?

A single long string with newline characters.

A canvas object for rendering.

An array of strings, each exactly 'width' characters wide.

A boolean indicating if the draw was successful.

QUESTION 4

What is the purpose of the repeat helper function?

To handle cell borders.

To add padding spaces to ensure straight columns.

To duplicate rows for larger tables.

To loop through the cell array.

❌ Incorrect

repeat is a utility for string padding, which is critical for visual alignment in text tables.

QUESTION 5

How does TextCell handle a multi-line string input?

It rejects it as invalid data.

It stores it as an array using split('\n').

It replaces newlines with spaces.

It only keeps the first line.

❌ Incorrect

The constructor breaks the input down so minHeight and minWidth can perform calculations on the lines.